/* 
    Document   : style
    Created on : 01/11/2013, 18:47:24
    Author     : CJC
    Description:
        Purpose of the stylesheet follows.
*/
body{
    font-family: 'calibri';
    font-size: 14px;
    font-weight: 400;
}
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black {
    color: #f9f9f9 !important;
}

.bg-gray {
    background-color: #eaeaec !important;
}
.bg-black {
    background-color: #222222 !important;
}
.bg-red {
    background-color: #d62336 !important;
}
.bg-yellow {
    background-color: #f39c12 !important;
}
.bg-aqua {
    background-color: #00c0ef !important;
}
.bg-blue {
    background-color: #0073b7 !important;
}
.bg-light-blue {
    background-color: #3c8dbc !important;
}
.bg-green {
    background-color: #00a65a !important;
}
.bg-navy {
    background-color: #001f3f !important;
}
.bg-teal {
    background-color: #39cccc !important;
}
.bg-olive {
    background-color: #3d9970 !important;
}
.bg-lime {
    background-color: #01ff70 !important;
}
.bg-orange {
    background-color: #ff851b !important;
}
.bg-fuchsia {
    background-color: #f012be !important;
}
.bg-purple {
    background-color: #932ab6 !important;
}
.bg-maroon {
    background-color: #85144b !important;
}
-header -title {
    display: inline-block;
    padding: 10px 0px 10px 10px;
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    float: left;
    cursor: default;
}
-header {
    position: relative;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0px solid #f4f4f4;
    color: #444;
    padding-bottom: 10px;
}
-header:before,
-header:after {
    display: table;
    content: " ";
}
-header:after {
    clear: both;
}
-header > .fa,
-header > .glyphicon,
-header > .ion,
-header -title {
    display: inline-block;
    padding: 10px 0px 10px 10px;
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    float: left;
    cursor: default;
}
-header a {
    color: #444;
}
-header > -tools {
    padding: 5px 10px 5px 5px;
}


.admin-template{
    margin-top: 75px;
}


.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color:#f9b815;
    border-bottom:3px solid #f9b815;
}
.navbar-user{
    box-shadow:1px 0px 2px rgba(0,0,0,0.6);
}
.slogan-painel{
    position: relative;

    color: #f9b815;
    top:3px;
    left: 5px;
    font-size: 120%;
    
}
.slogan-painel:hover{

}

.painel-user-box{

}
.link-painel{

}
.link-painel .glyphicon{ padding: 10px;}
.link-painel:hover{ color: #999;}
-modules-painel{
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
-modules-painel li{ list-style: none; margin-right: 10px;display: inline-block;
                        padding: 5px 10px 5px 0px; 
}
-modules-painel li a{ 
    color:#777;  border:1px solid #ddd; font-size: 90%; 
    text-transform: uppercase; background: #f0f0f0;
    color: #333334;

    border-color: #ddd;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-shadow: 2px 0px 5px rgba(0,0,0,.2);
    -webkit-box-shadow:2px 0px 5px rgba(0, 0, 0, 0.3);

}



.title-page{ 
    text-transform: uppercase;
    text-indent: 0px;
    margin: 0px;
    font-size:140%;

}

.display-sub-title{

    padding: 5px;
    background: #333334;
    color:#f9b815;
    text-transform: uppercase;
    font-size:120%;
}

.display-sub-title.inverse{
    background: #f9b815;
    color:#333334;

}
-form-quero-vender{
    width: 90%;
    margin: 0 auto !important;
}
-form-cadastro{
    width: 90%;
    margin: 0 auto !important;
}
.form-group label{

}
-form-quero-vender .form-control,-form-cadastro .form-control{
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background: #ebebeb;
}

.form-control:focus {
    border-color: #ebae13;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 184, 21, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 184, 21, 0.6);
}


-form-quero-vender label, -form-cadastro label{ text-transform: uppercase; line-height: 35px;}
-btns-center{ text-align: right; margin-top: 15px;}
.check-box{
    background: url('../images/checkbox.png') no-repeat 20px 0px;
    display: inline-block;
    height: 12px;
    width: 12px;
}
-info-cadatro{ text-align: justify; line-height: 14px; font-size: 12px;}
-regulamento-cadatro{ max-height: 100px; overflow: auto; background: #f0f0f0; border: 1px solid #ccc;
                          font-size:11px;
                         
}

.btn.btn-password-alter{
    color: #333334;
    background-color: #f9b815;
    border-color: #e3a816;
    font-size: 90%;
    padding: 2px 5px;
}

-display-input-passwords{
    display: none;
}
.navbar-painel-user{ margin-top: 5px;}

.title-historico{

    background-color:  #333334;
    color:#f9b815;
    padding: 5px;
    text-transform: uppercase;
    font-size: 150%;

}

.page hr{ margin-top: 5px;}
.key-code-history{ font-size: 11px; color:#05B2D2;}
.user-painel .nav.nav-tabs li a{
    text-transform: uppercase;
    font-size: 12px;
    color: #333334;

}
.user-painel .nav.nav-tabs li.active a{
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 44%, rgba(210,225,237,1) 83%, rgba(191,213,229,0.94) 99%, rgba(190,212,229,0.94) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,rgba(255,255,255,1)), color-stop(83%,rgba(210,225,237,1)), color-stop(99%,rgba(191,213,229,0.94)), color-stop(100%,rgba(190,212,229,0.94))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 44%,rgba(210,225,237,1) 83%,rgba(191,213,229,0.94) 99%,rgba(190,212,229,0.94) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 44%,rgba(210,225,237,1) 83%,rgba(191,213,229,0.94) 99%,rgba(190,212,229,0.94) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 44%,rgba(210,225,237,1) 83%,rgba(191,213,229,0.94) 99%,rgba(190,212,229,0.94) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 44%,rgba(210,225,237,1) 83%,rgba(191,213,229,0.94) 99%,rgba(190,212,229,0.94) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0bed4e5',GradientType=0 ); /* IE6-9 */


   
}
.btn-info .licon{ color: #fff;}
.user-painel .nav-tabs{ border-bottom-color:  #BED4E5;}
.user-painel .table{ font-size: 11px; text-transform: uppercase;}
.user-painel .table th{ text-transform: uppercase;font-size: 11px;}
.bid-pga-no{ font-size: 14px; color: red;}
.bid-disabled{ color: #ddd; font-size: 14px;}
.user-painel .table a:hover{text-decoration: none;}
.separator-licon{position: relative;top:-2px;}
.bid-pga-no{margin: 0px; padding: 0px;}
.bid-pga-set{ font-size: 12px; position: relative;top:-1px; color:red;}
.licon-dollar.bid-pga-set{color: #fff;}
.btn-shop-payment{ font-size: 11px;}
.bid-pga-yes{font-size: 14px; color: #000;}
.btn-recibo .licon{color:#fff;}
.btn-recibo span{ font-size: 10px;  font-weight: bold; letter-spacing: 1px;}
.btn-pending span{ font-size: 10px; font-weight: bold; letter-spacing: 1px;}

.group-by-lote{background: #e8e8e8; font-weight: bold; font-size: 10px;}
.group-by-lote-header{ background: #bbb; color: #000;font-weight: bold; border-bottom: 1px solid #999;}
.sub-group-by-lote,.group-by-lote-end{background: #eee; font-weight: bold;}
.group-table{ font-size: 11px;}
/*.lote-header{display: none;}*/
.btn-payment-confirm{ text-transform: capitalize;}
-lances{
    max-height: 400px;
    overflow-y: auto;
}
.col-mini{
    width: 10%;
}
.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
    border-radius: 0;
}
.btn-group-sm .btn{
 padding: 2px 5px;
 margin: 0px;
}
.user-painel{
    background: #f9f9f9;
    border: 1px solid #eee; 
    padding:15px; 
    
}

.lead {
font-size: 21px;
}

.user-painel -title{ border-bottom: 1px solid #ddd;}
-user{background: #fff; box-shadow: 0px 0px 1px rgba(0,0,0,0.2)}
.info-header-payment{
    background: #f8f8f8;
    padding: 10px;
    box-shadow: 0px 0px 1px rgba(100,100,100,0.5);
}
.link-payment{
    margin-bottom: 10px;
}
.icones-user{
    color: #222;
    
}.icones-user i{font-size: 1.4em;}
.icones-user.red{
    color: #f39c12;
}
input.button-upload{ display: none;}
.css3button {
	background: #ddd;
        padding: 10px 20px;
        border: 2px solid #999;
         font-size: 1.5em;
         margin-bottom: 15px;
         cursor: pointer;
}

.info-image{
    margin-bottom: 10px;
}
.css3button:hover {
background: #d6d6d6;
 
}

.messages-user{
    background: #f9f9f9;
    
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(100,100,100,0.5);
    font-family: calibri;
    margin-bottom: 15px;
   
    
}

.messages-user .title{ margin: 0px;
  font-size: 1.3em;
  color: #777;
  background: #eee; 
  padding: 10px;
  border-bottom: 1px solid #ddd;
  
}
.title.red{
  color: #fff;
  background: #e33343; 
  border-color: #b80404;
}
.title.blue{
  color: #fff;
  background: #198fd3; 
  border-color: #0657a2;
}


.messages-list{
    padding: 10px;
    overflow-y: auto;
     height: 300px;
     
}
.message-box{ padding: 10px;}
.messages-list ul{
    margin: 0px;
    padding: 0px;
   
}
.messages-list ul li{
    padding: 5px 5px 0px 5px;
    display: block;
    border-bottom: 1px solid #eee;
    color: #777;
}
.on-read.no{
    font-weight: bold;
    color: #333;
}
.no-messages-box{ 
    border: none; text-align: center; font-style: italic;
    list-style: none;
}
.messages-list ul li .link-priview{ color: #333;}
.messages-list ul li .link-priview:hover{ color:#39cccc;}
.messages-list ul li .fa-exclamation-circle{ color:#ffa800;}

/*
    Component: Mailbox
*/
.table-mailbox {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.table-mailbox tr.unread > td {
  background-color: rgba(0, 0, 0, 0.05);
  color: #000;
  font-weight: 600;
}
.table-mailbox tr > td > .fa.fa-star,
.table-mailbox tr > td > .fa.fa-star-o,
.table-mailbox tr > td > .glyphicon.glyphicon-star,
.table-mailbox tr > td > .glyphicon.glyphicon-star-empty {
  color: #f39c12;
  cursor: pointer;
}
 .table-mailbox tr > td.small-col {
  width: 30px;
}
 .table-mailbox tr > td.name {
  width: 150px;
  font-weight: 600;
}
 .table-mailbox tr > td.time {
  text-align: right;
  width: 100px;
}
 .table-mailbox tr > td {
  white-space: nowrap;
}
 .table-mailbox tr > td > a {
  color: #444;
}
.table-mailbox tr > td.small-col {
  width: 30px;
}
.table-mailbox tr > td.mini-col {
    width: 20px;
}
.todo-list{
    margin: 0px;
    padding: 0px;
}
.todo-list > li {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 5px;
  background: #f3f4f5;
  margin-bottom: 2px;
  border-left: 2px solid #e6e7e8;
  color: #444;
  list-style: none;
  font-size: 0.9em;
}
.header-info{
    display: block;
    width: 100%;
    margin-bottom: 5px;
}
.header-info .link{ color:#777;}
.header-info .link:hover{ color:#222;}
.todo-list > li:last-of-type {
  margin-bottom: 0;
}
.todo-list > li.danger {
  border-left-color: #f56954;
}
.todo-list > li.warning {
  border-left-color: #f39c12;
}
.todo-list > li.info {
  border-left-color: #00c0ef;
}
.todo-list > li.success {
  border-left-color: #00a65a;
}
.todo-list > li.primary {
  border-left-color: #3c8dbc;
}
.todo-list > li > input[type='checkbox'] {
  margin: 0 10px 0 5px;
}
 .todo-list > li .text {
  display: inline-block;
  margin-left: 5px;
  font-weight: 600;
}
 .todo-list > li .label {
  font-size: 0.9em;
  margin-right: 10px;
}

 .todo-list > li .tools {
  display: none;
  float: right;
  color: #f56954;
}
 .todo-list > li .tools > .fa,
 .todo-list > li .tools > .glyphicon,
 .todo-list > li .tools > .ion {
  margin-right: 5px;
  cursor: pointer;
}
 .todo-list > li:hover .tools {
  display: inline-block;
}
 .todo-list > li.done {
  color: #999;
}
 .todo-list > li.done .text {
  text-decoration: line-through;
  font-weight: 500;
}
 .todo-list > li.done .label {
  background: #eaeaec !important;
}
 .todo-list .handle {
  display: inline-block;
  cursor: move;
  margin: 0 5px;
}

.mailbox-box{
    
    font-size: 1em;
    padding:5px;
}
.mailbox-box .mailbox-header{
    color: #777;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.header-mailbox{
    background: #fff;
}
.mailbox-message{
    min-height: 250px;
    border: 1px solid #eee;
    padding: 10px;
    background: #fff;
}

.proposta-box{
    padding: 10px;
    background:#f9f9f9;
}

.message-template{
    position: absolute;
    width: 300px;
    top:5px;
    right: 20px;
    z-index: 10000;
}
.box-lances{
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
}
@media screen and (max-width: 767px) {
   .nav-stacked > li:not(.header) {
    float: left;
    width: 50%;
  }
  
   .nav-stacked > li:not(.header).header {
    border: 0!important;
  }
   .search-form {
    margin-top: 10px;
  }
}